.DataIndex {
  box-sizing: border-box;
  width: 100%;
  /* 模块化数据分析 */
  .DataIndexModule {
    letter-spacing: 2px;
  }
  .DataIndexModuleList {
    box-sizing: border-box;
    width: 100%;
    height: 185px;
    padding: 15px 15px 0 15px;
    background: #ffffff;
    border-radius: 5px;
    .DataIndexModuleListName {
      width: 20%;
      height: 50px;
      color: #8c8c8c;
      font-weight: bold;
      font-size: 18px;
      line-height: 30px;
    }
    .DataIndexModuleTitle {
      display: flex;
      justify-content: space-between;
      height: 50px;
      line-height: 30px;
      .title {
        color: #8c8c8c;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
      }
      .nav {
        position: absolute;
        top: 1.3em;
        left: 12em;
      }
    }
    .flex {
      display: flex;
      align-items: center;
      justify-content: space-around;
      color: #8c8c8c;
      &:hover {
        cursor: pointer;
      }
      img {
        width: 50px;
        height: 50px;
        margin-left: 0.5em;
        border-radius: 50%;
      }
      .word {
        color: #000;
        font-weight: bold;
        font-size: 2em;
        line-height: 2.5em;
        text-align: center;
      }
      .title {
        line-height: 3em;
      }
    }
  }
}

/* 图表化 访问量 和 销售额 */

.DataIndexBlock {
  box-sizing: border-box;
  width: 98%;
  height: auto;
  margin: auto;
  padding: 15px;
  background: #fff;
}

.DataIndexBlockChar {
  display: flex;
  width: 100%;
  height: 500px;
  padding: 15px;
}
